<template>
    <!-- 注意，template 里面，为了保持和 vue2 一致的写法，就自动解套，不不要通过 .value 的方式读取 -->
    <h1>hello vue3</h1>
    <div>{{ money }}</div>
    <button @click="addMoney">点我加钱+1000</button>
</template>

<script>
import { reactive, ref } from 'vue'

export default {
    setup() {
        // ref会把传进来的数据，转成ref响应式对象，要读取它的值，需要通过 .value 属性值获取
        let money = ref(10000)
        console.log('money', money.value);

        const addMoney = () => {
            money.value += 1000
        }

        return { money, addMoney }
    }
}
</script>